<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%
	String context = request.getContextPath();
	String address = request.getLocalAddr();
	int port = request.getLocalPort();
	String protocol = request.getProtocol();
	String path = protocol + ":" + port + "//" + address + "/"
			+ context;
	System.out.println(path);
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript"
	src="<%=context%>/js/ext-3.0.0/adapter/ext/ext-base.js"></script>
<!--<script type="text/javascript" src="<%=context%>/js/ext-3.0.0/lang/ext-lang-zh_CN.js"></script>-->
<link rel="stylesheet" type="text/css"
	href="<%=context%>/js/ext-3.0.0/resources/css/ext-all.css">
<script type="text/javascript"
	src="<%=context%>/js/ext-3.0.0/ext-all.js"></script>
<title>流程管理后台管理系统</title>
<script type="text/javascript">
	var mainPanel;
	var orgPanel;
	var processPanel;
	var screenWidth =0;
	var screenHeight = 0;
	function loadPage(type){
		if(type == "org"){
			mainPanel = orgPanel;
		}else{
			mainPanel = processPanel;
		}
	}
	Ext.onReady(function() {
		screenWidth = window.screen.availWidth;//屏幕可用工作区宽度
		screenHeight = window.screen.availHeight;//屏幕可用工作区高度
		orgPanel=new Ext.Panel({
			items : [ {
				html : "人员组织panel"
			}]
		});
		processPanel=new Ext.Panel({
			items : [ {
				html : "流程制作panel"
			}]
		});
		mainPanel = orgPanel;
		var tree =new Ext.tree.TreePanel({      
			el:'content'           
			});              
		var root=new Ext.tree.TreeNode({text:'我是根'});    
		tree.setRootNode(root);     
		//tree.render();
		new Ext.Viewport({
			enableTabScroll : true,
			layout : "border",
			items : [ {
				title : "面板",
				region : "north",
				height : 50,
				html : "<h1>网站后台管理系统!</h1>"
			}, {
				title : "菜单",
				region : "west",
				height : 200,
				items:[tree]
			}, {
				xtype : "tabpanel",
				region : "center"
				//items : [mainPanel ]
			} ]
		});
	});
</script>
</head>
<body>
<div id="content"></div>
</body>
</html>